forum

home / developersection / forums / badges, labels, page headers

Ask Question
Anonymous User

Other

I am a content writter !

Message
Can you answer this question?
Answer

1 Answers

Prakash nidhi Verma

Prakash nidhi Verma

02-Jul-2018

Badges,Labels,Page Headers in bootstrap:

Badges : 

We all have seen some numerical indicators beside some links in various websites. These are called badges. 

<a href="#">Mindstick <span class="badge">2</span></a><br>
<a href="#">Like<span class="badge">3</span></a><br>
<a href="#">Comments <span class="badge">4</span></a>

Labels:

We all have seen some additional information beside some links in various websites. These are called lables.

Grey – lable-default

Green – lable-success

Blue – lable-info

Yellow –lable-warning

Red – lable-danger 

<span class="label label-default">Grey Label</span>
<span class="label label-success">Green Label</span>
<span class="label label-info">Blue Label</span>
<span class="label label-warning">Yellow Label</span>
<span class="label label-danger">Red Label</span>

Panels:

We all have seen a box around some text or any information in various websites. These are called panels. Use the following classes to style the colour of the lable.

Grey – panel-default

Green – panel-success

Blue – panel-info

Yellow –panel-warning

Red – panel-danger 

 <div class="panel panel-default">
  <div class="panel-body">Panel Mindstick</div>
</div>
advertising
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy